<template>
	<view>
		<up-popup :show="loginShow" :round="10" :safe-area-inset-bottom="false" mode="bottom" :closeable="false" @close="close">
			<view class="u-text-center u-font-28 u-p-40">
				<view class="u-p-40">
					<up-button type="warning" text="立即完善" shape="circle" @click="getUserProfileTap"></up-button>
				</view>
				<p class="u-p-b-40 u-light-color">为了更好的使用体验，请先完善个人头像和昵称</p>
			</view>
		</up-popup>
	</view>
</template>

<script setup>
	import { onLoad, onShow} from '@dcloudio/uni-app'
	import { ref,reactive,onMounted,defineEmits } from 'vue'
	// 接收父组件传递的 show 属性
	const props = defineProps({
		loginShow: {
			type: Boolean,
			default: false
		}
	});
	const state = reactive({
	})
	// 定义可以向父组件发送的事件
	const emits = defineEmits(['close']);
	
	// 关闭弹窗的方法
	function close() {
		// 向父组件发送一个 'close' 事件，通知父组件关闭弹窗
		emits('close');
	}
	function getUserProfileTap() {
	    uni.navigateTo({
	    	url:'/pages/userCenter/userInfo'
	    })
		emits('close'); // 关闭弹窗
	}
</script>

<style lang="scss" scoped>
	
</style>